<!DOCTYPE HTML>
<html 
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:f="http://java.sun.com/jsf/core"
	dir="rtl" 
	lang="ar">

<h:head>

	<title><ui:insert name="title">Jordan Embassy of Kuwait</ui:insert></title>
	

	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

	<h:outputStylesheet id="sh1" name="css/style.css" />
	<h:outputStylesheet id="sh2" name="css/dropdown-menu.css" />

	<h:outputScript name="js/modernizr-1.5.min.js" />
	<h:outputScript name="js/jquery-migrate-1.2.1.min.js" />
	<h:outputScript name="js/jquery.color.js" />
	<h:outputScript name="js/jquery.easing-sooper.js" />
	<h:outputScript name="js/jquery.sooperfish.js" />
	<h:outputScript name="js/image_fade.js" />
	<h:outputScript name="js/dropdown-menu.min.js" />
	
	
</h:head>

<h:body>

	<div id="main">
		<ui:include src="/page/template/admin_login_header.xhtml" />
		
		<div id="site_content">
			<ui:insert name="content" />
		</div>
		
		<ui:include src="/page/template/footer.xhtml" />
	</div>

	<!-- javascript at the bottom for fast page loading -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('ul.sf-menu-admin').sooperfish();
			
			$('.dropdown-menu').dropdown_menu({
				sub_indicators : true,
				drop_shadows : true,
				vertical : true
			});
			
			$('.dropdown-menu').css('visibility','visible');
			
			/* $("ul.sf-menu-admin li a").hover(function() {
				
				$(this).animate({
					backgroundColor : '#C8D4FF'
				});
				
			}, function() {
				
				$(this).animate({
					backgroundColor : $('nav').css('background-color')
				});
				
			});
	 */		
			
			$("ul.images").hover(function() {
				
				$(this).find('.ad-img-caption').fadeIn('slow');
				
			}, function() {
				
				$(this).find('.ad-img-caption').fadeOut('slow');
				
			});
			
			
			if($("#map").length){
				$.getScript("http://maps.google.com/maps/api/js?sensor=true&amp;language=ar&amp;callback=initEmbassyLocation");
			}
		});
		
		function initEmbassyLocation(){
			
			var myLatLng = new google.maps.LatLng(29.316142,48.02103);
				
			var myOptions = {
				zoom : 15,//changing the zoom of the starting point here 
				center : myLatLng,
				mapTypeId : google.maps.MapTypeId.ROADMAP//changing the map style is here
				//other than ROADMAP there is : SATELLITE , HYBRID and TERRAIN
			};
			
			var canvas = document.getElementById("map");
			var map = new google.maps.Map(canvas, myOptions);
			
			
			var marker = new google.maps.Marker({
				position: myLatLng,
				title:"موقع سفارة المملكة الأردنية الهاشمية",
				icon: '/JEIK/resources/images/jordan-pin.png',
				map: map
			});
			
			
			map.panTo(myLatLng);
			
			}

	</script>
	
</h:body>

</html>
